* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}
body {
  width: 100%;
  background-color: #f0eff5;
}
header {
  background-size: 100%;
}
header .top {
  box-sizing: border-box;
  padding-top: 13%;
  height: 15rem;
  background: url("../img/bg.png") no-repeat;
  background-size: 100% 100%;
}
header .top .item {
  float: left;
  width: 30%;
  text-align: center;
  color: white;
}
header .top .item p {
  margin-top: 8px;
}
header .top .item div {
  padding-top: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 auto;
  background: white;
  box-sizing: border-box;
}
header .top .item div i {
  font-size: 20px;
  display: inline-block;
  color: #f8504c;
  margin-top: 5px;
}
header .top .item:nth-child(2) {
  width: 40%;
}
header .top .item:nth-child(2) img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
}
header .bot {
  background: white;
  display: flex;
  padding: 10px 0;
}
.headerFoot a {
   color: #000;
}
header .bot div {
  flex: 1;
  text-align: center;
}
header .bot div i {
  font-size: 2.5rem;
  color: #f8504c;
}
header .bot div p {
  margin-top: 3px;
}
.main .detail {
  margin-top: 10px;
  background-color: #fff;
}
.main .detail .detail_head div img {
  width: 2.5rem;
  height: 2.5rem;
  float: left;
}
.main .detail .detail_head div .confirm {
  vertical-align: middle;
  font-size: 1.2rem;
  color: #f8504c;
  float: right;
}
.main .detail .detail_head div .order {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.main .detail .detail_head div .order p {
  margin-top: -2px;
  color: grey;
  font-size: 1.1rem;
}
.main .detail div center {
  padding-bottom: 10px;
}
.main .detail div center div {
  font-size: 2rem;
}
.main .detail div center p {
  padding-top: .15625rem;
  color: grey;
  font-size: 1.2rem;
}
.main .detail .detail_foot {
  padding: 5%;
  height: .9375rem;
  line-height: .9375rem;
  border-top: 1px lightgray solid;
}
.main .detail .detail_foot div {
  display: inline-block;
  color: grey;
  vertical-align: middle;
  font-size: 1.2rem;
}
.main .detail .detail_foot .querenshouhuo {
  margin-top: -5px;
  font-size: 1.2rem;
  float: right;
  background-color: #f8504c;
  color: white;
  padding: 8px 12px 6px 12px;
  border-radius: 5px;
}
/*操作提示弹出层*/
.s-dialog-mask { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}
.s-dialog-wrapper { position: fixed; z-index: 9999; max-width: 12rem; min-width: 10rem; margin-top: -2rem; border-radius: 0.2rem;}
.s-dialog-skin-green { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-block { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-red { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-content { padding: 0.8rem 0.6rem; text-align: center; font-size: 0.75rem; line-height: 0.9rem;}
.s-dialog-skin-green .s-dialog-content { color: #000;}
.s-dialog-skin-red .s-dialog-content { color: #000;}
.s-dialog-skin-block .s-dialog-content { color: #000;}
.s-dialog-content h6 { display: block; font-size: 0.55rem; line-height: 0.9rem; color: #333;}
.s-dialog-btn-wapper { display: block; padding: 0.6rem 0; border-top: solid 0.05rem rgba(0,0,0,0.15); font-size: 0; }
.s-dialog-btn-wapper a { display: inline-block; width: 49%; font-size: 0.7rem; font-weight: 600; line-height: 0.9rem; color: #0080FF; text-align: center;}
.s-dialog-btn-wapper a:last-child { border-left: solid 0.05rem rgba(0,0,0,0.15);}
.s-dialog-skin-block .s-dialog-btn-wapper a { color: #0080FF;}

.loginOut { display: inline-block; width: 20px; height: 20px; position: absolute; top: 5px; right: 10px; background: url("../../images/loginOut.png")}
.item a { color: #fff;}
.no-data { width: 100%; height: 400px; text-align: center; background: url("../../images/nodat.png") center center no-repeat; line-height: 480px; color: #666;}
.nodata { display: none; width: 100%; height: 30px; text-align: center; line-height: 30px; color: #666;}
.list_loading{height:16px;padding:20px 0 30px;text-align:center}.list_loading i{height:16px;width:16px;display:inline-block;background:url('../../images/icons.png') no-repeat -288px -16px;background-size:500px 500px;margin-right:10px;vertical-align:middle;-webkit-animation:loading 1s infinite linear;-ms-animation:loading 1s infinite linear;-o-animation:loading 1s infinite linear;-moz-animation:loading 1s infinite linear;animation:loading 1s infinite linear}.list_loading span{height:16px;display:inline-block;line-height:16px;vertical-align:middle;color:#A0A0A0}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.code_tips { width: 200px; height: 30px; background: rgba(0,0,0,.5); opacity: 0; position: fixed; bottom: 100px; left: 50%; margin-left:-100px; color: #fff; text-align: center; font-size: 15px; line-height: 30px; border-radius: 5px;}